import { createElement, lazy } from 'react'
import {
  UploadOutlined,
  UserOutlined,
  VideoCameraOutlined,
  HeatMapOutlined,
  CalendarOutlined,
  VerifiedOutlined,
} from '@ant-design/icons'
import Home from '@/views/Home'
import About from '@/views/About'
import Dashboard from '@/views/Dashboard'
import Datapicker from '@/views/Datapicker'
import BoundRange from '@/views/BoundRange'
import JWTToken from '@/views/JWTToken'

const routers = [
  {
    title: '首页',
    path: '/Layout/Home',
    icon: createElement(VideoCameraOutlined),
    element: createElement(Home),
  },
  {
    title: '关于',
    path: '/Layout/About',
    icon: createElement(UserOutlined),
    element: createElement(About),
  },
  {
    title: '数据大屏',
    path: '/Layout/Dashboard',
    icon: createElement(UploadOutlined),
    element: createElement(Dashboard),
  },
  {
    title: '日期选择',
    path: '/Layout/Datapicker',
    icon: createElement(CalendarOutlined),
    element: createElement(Datapicker),
  },
  {
    title: '获取地理边界范围',
    path: '/Layout/BoundRange',
    icon: createElement(HeatMapOutlined),
    element: createElement(BoundRange),
  },
  {
    title: 'JWT双token',
    path: '/Layout/JWTToken',
    icon: createElement(VerifiedOutlined),
    element: createElement(JWTToken),
  },
]

export default routers
